<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>
    <meta charset="UTF-8" name="keywords" content="{if isset($data_seo.seo_keywords)}{$data_seo.seo_keywords}{/if}">
    <meta charst="UTF-8" name="description" content="{if isset($data_seo.seo_description)}{$data_seo.seo_description}{/if}">
    <link rel="stylesheet" type="text/css" href="/static/home/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/home/css/alert.css">
    <link rel="stylesheet" type="text/css" href="/static/home/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="/static/home/css/animate.min.css">
</head>
<body>
    <div class="header">
        <div class="top-top">
            <div class="tt-left"><div class="js-box box"></div><p>对新人的选择</p> </div>
            <div class="tt-right">
                <a href="#" class="a1">{if isset($data_ext.tell)}{$data_ext.tell}{/if}&nbsp&nbsp&nbsp&nbsp/</a>
                <a target="_blank" href="{if isset($data_ext.service_link)}{$data_ext.service_link}{/if}" class="a2">获取报价&nbsp&nbsp&nbsp&nbsp/</a>
                <a href="{if isset($data_ext.xlwb)}{$data_ext.xlwb}{/if}" target="_blank" class="a3"></a>
                <a href="#" class="a4">  <img src="{if isset($data_ext.wx_code)}{$data_ext.wx_code}{/if}" alt=""></a>
            </div>
        </div>
        <div class="top-nav">
            <div class="tn-content">
                <ul>
                    <li>
                        <a href="/" class="tn-n ">
                            <div class="xs">首页</div>
                            <div class="yc">HOME</div>
                        </a>
                    </li>
                    <li>
                        <a href="/guest" class="tn-n">
                            <div class="xs">客照</div>
                            <div class="yc">GUEST</div>
                        </a>
                    </li>
                    <li>
                        <a href="/works" class="tn-n cur">
                            <div class="xs">作品</div>
                            <div class="yc">WORKS</div>
                        </a>
                    </li>
                    <li class="psjd">
                        <a href="/venues" class="tn-n">
                            <div class="xs">拍摄基地</div>
                            <div class="yc">VENUES</div>
                        </a>
                        <div class="cgslt">
                            {volist name="data_cg" id="v"}
                            <div class="ylt shuiy-box">
                                <a target="_blank"  href="/venues/nr/id/{$v.id}"class="move-bg"> <img src="{$v.main_img}" alt="">
                                </a>
                            </div>
                            {/volist}

                        </div>
                    </li>
                    <li>
                        <a href="/tripshoot" class="tn-n">
                            <div class="xs">全球旅拍</div>
                            <div class="yc">TRIP SHOOT</div>
                        </a>
                    </li>
                    <li>
                        <a href="/artclub" class="tn-n">
                            <div class="xs">至尚艺术会所</div>
                            <div class="yc">ART CLUB</div>
                        </a>
                    </li>
                    <li>
                        <a href="/activity" class="tn-n">
                            <div class="xs">活动优惠</div>
                            <div class="yc">ACTIVITY</div>
                        </a>
                    </li>
                    <li>
                        <a  {if isset($pp_link) && $pp_link !=='' } href="{$pp_link}" target="_blank" {else} href="/introduce"{/if} class="tn-n">
                        <div class="xs">品牌介绍</div>
                        <div class="yc">INTRODUCE</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <h1 class="top-h1"><a href="/"><img src="/static/home/img/logo.jpg" alt=""></a></h1>
    </div>
    <div class="banner">
        <ul class="clearfix">

            <li>
                <a {if isset($data_banner) && $data_banner.out_link !=""} target="_blank" href="{$data_banner.out_link}"{/if} class="pc-banner"> <img src="{$data_banner.banner_img}" /></a>
            </li>


        </ul>

    </div>
    <div class="works" id="box">

        <div class="works-main1" >
            <img src="/static/home/img/选择作品系列.png" alt="">
        </div>
        <div class="works-main3">
            <div class="works-main3-1">
                <div class="works-main3-1-1">
                    <div class="works-main3-12">
                        选择基地
                    </div>
                    <div class="works-main3-111">
                    {volist name="data_jd" id="v"}
                    <a href="/works/index/id/{$v.id}-0-0">
                        <div class="works-main3-11 {if  isset($SESSION['cg_id'])&& $SESSION['cg_id'] == $v['id']} cur{/if}" >
                        {$v.title}
                    </div>
                    </a>
                    {/volist}
                    <div  class="clearfloat" >

                    </div>
                    </div>
                    <div  class="clearfloat" >

                    </div>
                </div>
                <div class="works-main3-1-1">
                    <div class="works-main3-12">
                        选择场馆
                    </div>
                    <div class="works-main3-111">
                    {volist name="data_venue" id="v"}
                    <a href="/works/index/id/0-{$v.id}-0">
                        <div class="works-main3-11 {if  isset($SESSION['venue_id']) &&  $SESSION['venue_id'] == $v['id']} cur{/if}">
                       {$v.name}
                    </div>
                    </a>
                    {/volist}
                        <div  class="clearfloat" >

                        </div>
                    </div>
                    <div  class="clearfloat" >

                    </div>
                </div>
                <div class="works-main3-1-1">
                    <div class="works-main3-12">
                        选择风格
                    </div>
                    <div class="works-main3-111">
                    {volist name="data_style" id="v"}
                    <a href="/works/index/id/0-0-{$v.id}">
                        <div class="works-main3-11 {if isset($SESSION['style_id']) &&  $SESSION['style_id'] == $v['id']} cur{/if}">
                      {$v.name}
                    </div></a>
                    {/volist}
                    <div  class="clearfloat" >

                        </div>
                    </div>
                    <div  class="clearfloat" >

                    </div>

                </div>
            </div>
            <div class="works-main3-2" id="works-list">
                {volist name="data" id="v"}
                <div class="works-main3-21 works-div" data-id="{$v.id}">
                    <div class="works-main3-21-1">
                        <a href="/works/fg/id/{$v.id}"><img class="ylt" src="{$v.main_img}" alt=""></a>
                    </div>
                    <h4>[{$v.title}]</h4>
                    <div class="works-main3-21-2">
                        LOCATION
                    </div>
                    <p>{$v.ps_time|date="M d,Y",###}</p>
                </div>
                {/volist}

            </div>
            <div  class="clearfloat" >

            </div>
            <div class="works-main3-3">
                <input id="cg_id" type="hidden" value="{if isset($SESSION['cg_id'])}{$SESSION['cg_id']}{/if}">
                <input id="venue_id" type="hidden" value="{if isset($SESSION['venue_id'])}{$SESSION['venue_id']}{/if}">
                <input id="style_id" type="hidden" value="{if isset($SESSION['style_id'])}{$SESSION['style_id']}{/if}">
                {if !empty($data)}
                <a href="javascript:;" id="getmore">
                    <input type="hidden" value="1" id="page">
                    <div class="works-main3-31" id="load-more"  onclick="getMore()">点击加载更多</div>
                </a>
                {/if}
            </div>
        </div>
        <div class="works-main3-4">
                <p>所展示的作品均来自真实客人定制照片，并经由客户本人同意在阜阳塞纳皇宫唯一官方网站www.snhg.com.cn进行发表
                    原创作品，未经允许不得转载或用于任何商业用途，违者必究！</p>
        </div>
    </div>
    {include file="public/foot"}
    <script>
        //滑动效果
        $('html, body').animate({scrollTop: $('#box').offset().top}, 1000)
        //无刷新加载更多
        var page=$("#page").val();
        var type='<?php echo $type;?>';
        if(type ==2){
            $("#getmore").css('display','none');
        }
        function getMore(){
           // var idstr = '';
            var cg_id =$('#cg_id').val();
            var style_id =$('#style_id').val();
            var venue_id =$('#venue_id').val();

            page++;
            $.ajax({
                url:'/works/getmore',
                type:'post',
                data:{page:page,cg_id:cg_id,style_id:style_id,venue_id:venue_id},
                dataType:'json',
                success:function(e){
                    var html ='';
                    if(1 == e.code){
                        for(i in e.data){
                            html +=' <div class="works-main3-21 works-div" data-id="'+e.data[i].id+'">\n' +
                                '                    <div class="works-main3-21-1">\n' +
                                '                        <a href="/works/fg/id/'+e.data[i].id+'"><img class="ylt" src="'+e.data[i].main_img+'" alt=""></a>' +
                                '                    </div>\n' +
                                '                    <h4>['+e.data[i].title+']</h4>' +
                                '                    <div class="works-main3-21-2">' +
                                '                        LOCATION\n' +
                                '                    </div>\n' +
                                '                    <p>'+e.data[i].ps_time+'</p>' +
                                '                </div>';
                        }
                        $("#works-list").append(html);
                        $("#page").val(page);
                        if(e.type ==2){
                            istop = 1;
                            $("#getmore").css('display','none');
                            return false;
                        }
                    }else{
                        $("#load-more").html(e.msg);
                    }

                }
            })

        }

    </script>
</html>